<template>
  <div class="wemo2 base-background-img">
    <div class="jiachongdongwu">
      <router-link :to="{name: 'video', query: {name: 'wemoooo', data: jiachongdongwu, compoent: 'wemo-wemo2'}}">
        <img src="~@/assets/wemo/2/jiachongdongwu.png">
      </router-link>
    </div>
    <div class="yeshengdongwu">
      <router-link :to="{name: 'video', query: {name: 'wemoooo', data: yeshengdongwu, compoent: 'wemo-wemo2'}}">
        <img src="~@/assets/wemo/2/yeshengdongwu.png">
      </router-link>
    </div>
    <div class="konglongshijie">
      <router-link :to="{name: 'video', query: {name: 'wemoooo', data: konglongshijie, compoent: 'wemo-wemo2'}}">
        <img src="~@/assets/wemo/2/konglong.png">
        <img class="konglongbiaoti" src="~@/assets/wemo/2/konglongshijiebiaoti.png">
      </router-link>
    </div>
    <div class="haiyangdongwu">
      <router-link :to="{name: 'video', query: {name: 'wemoooo', data: haiyangdongwu, compoent: 'wemo-wemo2'}}">
        <img src="~@/assets/wemo/2/haiyangdongwu.png">
      </router-link>
    </div>
    <div class="jiaotonggongju">
      <router-link :to="{name: 'video', query: {name: 'wemoooo', data: jiaotonggongju, compoent: 'wemo-wemo2'}}">
        <img src="~@/assets/wemo/2/jiaotonggongju.png">
      </router-link>
    </div>
    <div class="shijiemingzhi">
      <router-link :to="{name: 'video', query: {name: 'wemoooo', data: shijiemingzhi, compoent: 'wemo-wemo2'}}">
        <img src="~@/assets/wemo/2/shijiemingzhi.png">
      </router-link>
    </div>
  </div>
</template>

<script>
  import STATICPATH from '../../config.js'
  export default {
    name: 'wemo2',
    data () {
      return {
        jiachongdongwu: {
          videosrc: STATICPATH + '/ar/jiachongdongwu/dog/dog.mp4',
          chinesesrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_chinese.mp3',
          englishsrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_baike.mp3'
        },
        yeshengdongwu: {
          videosrc: STATICPATH + '/ar/yeshengdongwu/elep/elep.mp4',
          chinesesrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_chinese.mp3',
          englishsrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_baike.mp3'
        },
        konglongshijie: {
          videosrc: STATICPATH + '/ar/konglong/shachilong/shachilong.mp4',
          chinesesrc: STATICPATH + '/ar/konglong/shachilong/shachilong_chinese.mp3',
          englishsrc: STATICPATH + '/ar/konglong/shachilong/shachilong_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/konglong/shachilong/shachilong_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/konglong/shachilong/shachilong_baike.mp3'
        },
        haiyangdongwu: {
          videosrc: STATICPATH + '/ar/haiyangdongwu/chou/chou.mp4',
          chinesesrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_chinese.mp3',
          englishsrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_baike.mp3'
        },
        jiaotonggongju: {
          videosrc: STATICPATH + '/ar/jiaotonggongju/plane/plane.mp4',
          chinesesrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_chinese.mp3',
          englishsrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_baike.mp3'
        },
        shijiemingzhi: {
          videosrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen.mp4',
          chinesesrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_chinese.mp3',
          englishsrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_baike.mp3'
        }
      }
    }
  }
</script>

<style scoped>
.wemo2 > div {
  position: absolute; 
}
.jiachongdongwu {
  top: 120px;
  left: 295px;
}
.yeshengdongwu {
  top: 155px;
  left: 570px;
}
.konglongshijie {
  top: 160px;
  left: 850px;
}
.konglongbiaoti{
  position: absolute;
  left:20px;
  top:146px;
}
.haiyangdongwu {
  left: 295px;
  top: 415px;
}
.jiaotonggongju {
  left: 573px;
  top: 418px;
}
.shijiemingzhi {
  left: 870px;
  top: 381px;
}
</style>
